<div class="panel panel-default panel-intro">
    <div class="panel-heading">
        <!--<div class="panel-lead"><em>多表格（Multitable）</em>用于展示在一个页面展示多个表格数据,并且每次切换时刷新</div>-->
        <ul class="nav nav-tabs">
            <li {if condition='$is == 2'}class="active"{/if}><a href="#first" data-toggle="tab">我发出的</a></li>
            <li {if condition='$is == 1'}class="active"{/if}><a href="#second" data-toggle="tab">待我审批</a></li>
            <li {if condition='$is == 3'}class="active"{/if}><a href="#third" data-toggle="tab">抄送给我</a></li>
        </ul>
    </div>
    <div class="panel-body">
        <div id="myTabContent" class="tab-content">
            <div class="tab-pane fade {if condition='$is == 2'}active in{/if}" id="first">
                <div id="toolbar1" class="toolbar">
                    {:build_toolbar('refresh')}
                    <a href="javascript:;" class="btn btn-success btn-add " title="{:__('Add')}" ><i class="fa fa-plus"></i> {:__('申请')}</a>
                </div>
                <table id="table1" class="table table-striped table-bordered table-hover" width="100%">
                </table>
            </div>
            <div class="tab-pane fade {if condition='$is == 1'}active in{/if}" id="second">
                <div id="toolbar2" class="toolbar">
                    {:build_toolbar('refresh')}
                    <a href="javascript:;" class="btn btn-success btn-add " title="{:__('Add')}" ><i class="fa fa-plus"></i> {:__('申请')}</a>
                </div>
                <table id="table2" class="table table-striped table-bordered table-hover" width="100%">
                </table>
            </div>

            <div class="tab-pane fade {if condition='$is == 3'}active in{/if}" id="third">
                <div id="toolbar3" class="toolbar">
                    {:build_toolbar('refresh')}
                    <a href="javascript:;" class="btn btn-success btn-add " title="{:__('Add')}" ><i class="fa fa-plus"></i> {:__('申请')}</a>
                </div>
                <table id="table3" class="table table-striped table-bordered table-hover" width="100%">
                </table>
            </div>

        </div>
    </div>
</div>